iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 30
1

完賽啦!這一個月中透過看 CSS 的 spec,獲得許多以前自學完全不會知道的觀念和原理,且慢慢養成看文件與整理筆記的好習慣,也發現要寫好一篇文章真的很不簡單。

mentor Chris 曾說過「看文件是追上那些實戰經驗豐富的大神們最快的方法」。

一直覺得自己很幸運,莫名其妙入坑了前端,一路上卻受到許多幫助,少走了很多冤枉路,非常感謝 好想工作室 以及所有夥伴們!

自己距離上次寫文章大概是高中的作文吧,且以前超討厭寫作文...原本最後想分享一篇自己在好想工作室的心得 ,但是深覺好想工作室會毀在我的爛文筆下,等我練個文筆再說XD


總之,鐵人賽真的是個非常特別的經驗,很過癮~有緣明年見啦!


系列目錄

起點

前端新手進化史 - 前傳

排版常識

基礎 box model (上)
基礎 box model (下)
Containing block
Collapsing margins
position
大角頭 inline
大角頭 block
混血兒 inline-block

排版硬知識

視覺格式化模型-Box generation(上)
視覺格式化模型-Box generation(中)
視覺格式化模型-Box generation(下)
視覺格式化模型-格式化上下文
視覺格式化模型-塊格式化上下文(BFC)
視覺格式化模型 - 行內格式化上下文(IFC)
替換元素 replaced element
淺談 line box 高度
text-align

Flex

flex 7-1
flex 7-2
flex 7-3
flex 7-4
flex 7-5
flex 7-6
flex 7-7

番外篇

胡搞 box-shadow(上)
胡搞 box-shadow(中)
胡搞 box-shadow(下)
旋轉吧 rotate3d



文章將陸續整理並更新至個人部落格



上一篇
flex 7
系列文
前端新手進化史30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
Chris
iT邦新手 3 級 ‧ 2019-10-15 20:57:28

很期待你寫「分享一篇自己在好想工作室的心得」,等到你文筆練好,感覺就消失了/images/emoticon/emoticon02.gif

yachen iT邦新手 4 級 ‧ 2019-10-15 22:23:55 檢舉

我怎麼會挖坑給自己跳呢/images/emoticon/emoticon02.gif

Titangene iT邦新手 4 級 ‧ 2019-10-15 22:54:24 檢舉

期待架好的 blog 填滿所有坑

/images/emoticon/emoticon07.gif

yachen iT邦新手 4 級 ‧ 2019-10-16 00:10:40 檢舉

只會越挖越更多坑/images/emoticon/emoticon04.gif

0
JinWen
iT邦新手 5 級 ‧ 2019-10-15 21:14:27

感謝分享,很多複雜的概念被你講得很親切,期待部落格(眼睛發亮)~~

yachen iT邦新手 4 級 ‧ 2019-10-15 22:26:39 檢舉

一起架一波!!

0
RURU Tseng
iT邦新手 2 級 ‧ 2019-10-15 21:54:50

恭喜完賽啦~~~~~我一定找個時間整個拜讀

yachen iT邦新手 4 級 ‧ 2019-10-15 22:27:13 檢舉

我們都是看 RURU 的文章長大的~~~~~~

0
letter liu
iT邦新手 5 級 ‧ 2019-10-15 22:28:01

能堅持到最後,很棒。

yachen iT邦新手 4 級 ‧ 2019-10-16 00:07:51 檢舉

感謝鐵人letter平常用心的巡田啊!!
也恭喜你~~

0
PH
iT邦研究生 4 級 ‧ 2019-10-16 09:43:37

恭喜完賽~突然想起你在寫文過程中不斷被干擾的畫面XD

0
tsuifei
iT邦新手 4 級 ‧ 2019-10-16 11:41:39

每次看妳堅持的把文章寫好寫完都很感動,這是一個很好的開始,學習路上一定會因此更順利的!

0
Howard
iT邦新手 4 級 ‧ 2019-10-16 21:51:19

賀完賽/images/emoticon/emoticon64.gif

0
Askie Lin
iT邦新手 5 級 ‧ 2019-10-19 00:15:16

妳每篇內容都圖文並茂的,超級用心,讓人很好服用(理解),謝謝妳^___^

我要留言

立即登入留言